@()(implicit request: play.api.mvc.RequestHeader)
@main("Browse Macadamia integrifolia HAES 344") {
	<style>
			.form-group {
				margin-bottom: 5px;
			}

			.radio, .checkbox {
				position: relative;
				display: block;
				margin-top: 5px;
				margin-bottom: 10px;
			}
	</style>
	<div class="row">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">Browse Macadamia integrifolia HAES 344</h2>
		</div>
	</div>

	<div class="table-responsive" >

		<div id="toolbar">
				&nbsp;Keyword：
		</div>

		<div style="display: none;
			margin-bottom: 10px">Filtering conditions:
			<span id="filterCondition"></span>
		</div>

		<div style="display: none;
			margin-bottom: 10px">Sorting conditions:
			<span id="sortCondition"></span>
		</div>

		<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
		data-toolbar="#toolbar" data-page-list="[10, 25, 50, 100, all]" data-search-align="left" data-multiple-search="true"
		style="word-wrap: break-word"
		>
			<thead>
				<tr>
				</tr>
			</thead>
		</table>

		<div id="allFilterContent"></div>

	</div>

	<div id="charts" align="center"></div>
	<script>
			$(document).ready(function () {
				Browse344.init
			})
	</script>


}
